
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>视频点赞</title>
    <script src="js/jquery-3.6.0.js"></script>
  <script>
    // function like(){
    //   var xhr=new XMLHttpRequest();
    //   xhr.open("get","likeServlet",true);
    //   xhr.send();
    //   xhr.onreadystatechange= function (){
    //       if (xhr.readyState==4){
    //           var msg=xhr.responseText;
    //           document.getElementById("count").innerText=msg;
    //       }
    //   }
    // }
    // $(function (){
    //    $("#btn").click(function (){
    //       $.ajax({
    //           url:"likeServlet",
    //           data:null,
    //           type:"get",
    //           dataType:"text",
    //           success:function (obj){
    //               //obj代表服务器响应给Ajax的数据
    //               $("#count").text(obj);
    //           },
    //           error:function (){
    //               alert("出错了");
    //           }
    //       });
    //    });
    // });
    $(function (){
        $("#btn").click(function (){
            $.get("likeServlet",null,function (obj){
               $("#count").text(obj);
            },"text");
        });
    });
  </script>
</head>
<body>
    <video src="ss.mp4" controls loop autoplay height="600" width="500"></video>
<%--<input type="button" value="傻逼快点赞" onclick="like()">--%>
    <input type="button" value="傻逼快点赞" id="btn">
    当前点赞量：<span style="color: red" id="count">${count}</span>
</body>
</html>
